<style scoped>
.and {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}
.site-operation {
  width: 100%;
  border: 1px solid #e5e5e5;
}
.tools {
  width: 49%;
  border: 1px solid #e5e5e5;
}
.header {
  padding: 10px 15px;
  background-color: #eeeeee;
}
.con {
  padding: 15px;
  font-size: 13px;
  line-height: 1.5;
}
</style>
<!--  -->
<template>
  <div class="and">
    <div class="site-operation">
      <div class="header"><i class="icon-home icon-homeUser"></i>常规信息</div>
      <div class="con">
        <p>
          资源库情况：图片（{{total.img}}）、文件（{{total.file}}）、Flash（{{total.flash}}）、外链图片（{{total.link}}）、MP3（{{total.map3}}）、MP4（{{total.mp4}}）、SSL（{{total.ssl}}）
        </p>
      </div>
    </div>
    <!-- <div class="tools">
      <div class="header"><i class="icon-home icon-homeUser"></i>帮助</div>
      <div class="con">
        有任何疑问您可以联系［在线客服咨询］查看［帮助文档］
      </div>
    </div> -->
  </div>
</template>

<script>
export default {
  created () {
    this.$post('/repertory/total-type', null).then(response => {
      this.total.img = response.img
      this.total.file = response.file
      this.total.flash = response.flash
      this.total.map3 = response.mp3
      this.total.link = response.link
      this.total.mp4 = response.mp4
      this.total.ssl = response.ssl
    })
  },
  data () {
    return {
      total: {
        img: -1,
        file: -1,
        flash: -1,
        map3: -1,
        link: -1,
        mp4: -1
      }
    }
  }
}

</script>
